<!DOCTYPE html>
<html lang="en">
<head>
<title>Services</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>

<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/script.js"></script> 

<script src="js/jquery.ui.totop.js"></script>
<script src="js/tweens.js"></script>

<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  
 }); 
</script>
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>

<body>
  <div class="main">
<!--==============================
              header
=================================-->
  <header>
<section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="container">
      <div class="row">
        <div class="grid_12 rel">
          <h1>
            <a href="index.html">
              <img src="images/logo.png" alt="Logo alt">
            </a>
          </h1>
           <form id="search" action="search.php" method="GET">
            <div class="rel">
              <label>
                <input type="text" name="s" value="">
              </label>
              <a onClick="document.getElementById('search').submit()" class="fa  fa-search"></a>
            </div>
             <div class="clear"></div>
           </form>
          <div class="navigation ">
            <nav>
              <ul class="sf-menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About Us</a>
                 <ul>
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Fusce euismod conuat</a>
                      <ul>
                        <li><a href="#">Pellentesque sed</a></li>
                        <li><a href="#">Aliquam congue ferm</a></li>
                        <li><a href="#">Mauris accum</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pellentesque</a></li>
                 </ul>
               </li>
               <li class="current"><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </nav>
        
            <div class="clear"></div>
          </div>       
         <div class="clear"></div>  
        </div>
     </div> 
    </div> 
    </section>
  </header>

<!--=====================
          Content
======================-->
<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_12">
        <h3 class="anim_top">LABORATORY SERVICES REQUESTS</h3>
      </div>
      <div class="grid_3 ">
        <div class="block1 bl__1 ">
          <img src="images/p_icon1.png" alt="">
          <div class="block1_title">Science News</div>
          Praesent vestibulum molestie lacus. Ean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis 
          <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>  
      <div class="grid_3">  
        <div class="block1 bl__1 ">
          <img src="images/p_icon2.png" alt="">
          <div class="block1_title">Environment</div>
          Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat males.
          <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>  
      <div class="grid_3">  
        <div class="block1 bl__1 ">
          <img src="images/p_icon3.png" alt="">
          <div class="block1_title">Genetics</div>
          Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat males uada odio. Morbi nunc odio, gravida at.
          <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>  
      <div class="grid_3">  
        <div class="block1 bl__1 ">
          <img src="images/p_icon4.png" alt="">
          <div class="block1_title">New Technologies</div>
          Nascetur ridiculus mus. Nulla dui. Fusce feugiat males uada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. 
          <a href="#" class="btn"><span data-content="Learn more about it">Learn more about it</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
      <div class="grid_8 anim_left">
        <h3 class="head1">What is the future of diagnostic medicine?</h3>
        <div class="text1"><a href="#">Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. </a></div>
        <p>Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, element.</p>Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. <br>
        <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        <h3 class="head1">Medicine &amp; biotech</h3>
        <div class="text1"><a href="#">Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. </a></div>
        Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec. Luctus a, lorem maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. 
        <div class="row">
          <div class="grid_4">
            <ul class="list l__1">
              <li><a href="#">Donec accumsan malesuada orci donec sit amet </a></li>
              <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing </a></li>
              <li><a href="#">Mauris fermentum dictum magna sed laoreet </a></li>
            </ul>
          </div>
          <div class="grid_4">
            <ul class="list l__1">
              <li><a href="#">Ut tellus dolor dapibus eget elementum vel cursus </a></li>
              <li><a href="#">Eleifend elit aenean auctor wisi et urna aliquam </a></li>
              <li><a href="#">Duis ac turpis integer rutrum ante eu lacusisque </a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="grid_4 anim_right">
        <h3 class="head1">Available Services</h3>
        <div class="text1"><a href="#">Scelerisque vitae, pede donec eget. </a></div>
        Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. 
        <ul class="list l__1">
          <li><a href="#">Vestibulum libero nisl porta vel scelerisque </a></li>
          <li><a href="#">Eget malesuada at neque vivamus eget nibh </a></li>
          <li><a href="#">Etiam cursus leo vel metus nulla facilisi </a></li>
          <li><a href="#">Aenean nec eros vestibulum ante ipsum </a></li>
          <li><a href="#">Primis in faucibus orci luctus et ultrices pos </a></li>
          <li><a href="#">Cubilia  suspendisse sollicitudin velit sed leo </a></li>
          <li><a href="#">Ut pharetra augue nec augue nam elit mag </a></li>
          <li><a href="#">Hendrerit sit amet tincidunt ac viverra sed </a></li>
          <li><a href="#">Donec porta diam eu massa quisque diam </a></li>
          <li><a href="#">Lorem interdum vitae dapibus ac scelerisque </a></li>
          <li><a href="#">Donec eget tellus non erat lacinia ferment</a></li>
        </ul>
        <a href="#" class="btn"><span data-content="Learn more ">Learn more </span>
            <div class="fa fa-angle-double-right"></div>
          </a>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="grid_5 anim_left">
          <h4>Get in touch</h4>
          <div class="row">
            <div class="grid_3">
              <address class="f_address">
                <p>8901 Marmora Road <br>
                Glasgow, DO4 89GR.<br>
                <span>Freephone:</span>  +1 800 559 6580<br>
                <span>Telephone:</span>   +1 959 603 6035<br>
                <span>FAX:</span>            + 1 504 889 9898</p>

                E-mail: <a href="#">mail@demolink.org</a>
              </address>
            </div>
            <div class="grid_2">
              <ul class="f_menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About us</a></li>
               <li class="current"><a href="index-2.html">Services</a></li>
               <li><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </div>
          </div>
        </div>
        <div class="grid_4 ">
          <h4>Follow us</h4>
          <div class="footer_socials">
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-pinterest"></a>
            <a href="#" class="fa fa-linkedin"></a>
          </div>
        </div>
        <div class="grid_3 anim_right">
          <h4>Join our newsletter</h4>
          
          <p>And always stay informed of the latest science news and events!</p>
          <a href="#" class="btn"><span data-content="Sign up">Sign up</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="grid_12">  
         <div class="copyright"> &copy; <span id="copyright-year"></span> Science Lab.  <a href="index-6.html">Privacy Policy</a> 
         </div>
      </div>
    </div>
  </div>  
</footer>
</div>
</body>
</html>

